<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>商品详情</title>
<link href="../static/css/admin.css" rel="stylesheet" type="text/css" />
<link href="../static/css/amazeui.css" rel="stylesheet" type="text/css" />
<link href="../static/css/demo.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="../static/css/optstyle.css" rel="stylesheet" />
<link type="text/css" href="../static/css/style_pc.css" rel="stylesheet" />
<script type="text/javascript" src="../static/js/jquery-2.0.0.min.js"></script>
<script type="text/javascript" src="../static/js/quick_links.js"></script>
<script type="text/javascript" src="../static/js/amazeui.js"></script>
<script type="text/javascript" src="../static/js/jquery.imagezoom.min.js"></script>
<script type="text/javascript" src="../static/js/jquery.flexslider.js"></script>
<script type="text/javascript" src="../static/js/list.js"></script>
<script type="text/javascript" src="../static/js/myinit.js"></script>
<script type="text/javascript" src="../static/js/pinyin.js"></script>
<script type="text/javascript" src="../static/js/cook_shop_cart.js"></script>
</head>

<body>

<!--顶部导航条 -->
<div class="am-container header">
  <ul class="message-l">
    <div class="topMessage">
      <div class="menu-hd"> <a href="#" target="_top" class="h">亲，请登录</a> <a href="#" target="_top">免费注册</a> </div>
    </div>
  </ul>
  <ul class="message-r">
    <div class="topMessage home">
      <div class="menu-hd"><a href="#" target="_top" class="h">商城首页</a></div>
    </div>
    <div class="topMessage my-shangcheng">
      <div class="menu-hd MyShangcheng"><a href="#" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
    </div>
    <div class="topMessage mini-cart">
      <div class="menu-hd"><a id="mc-menu-hd" href="#" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
    </div>
       <div class="topMessage favorite">
            <div class="menu-hd"><a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>
          </div>
        </ul>
      </div>

<!--悬浮搜索框-->

<div class="nav white">
  <div class="logo"><img src="../static/img/logo.png" /></div>
  <div class="logoBig">
    <li><img src="../static/img/logobig.png" /></li>
  </div>
  <div class="search-bar pr"> <a name="index_none_header_sysc" href="#"></a>
    <form>
      <input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
      <input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
    </form>
  </div>
</div>
<div class="clear"></div>
<b class="line"></b>
<div class="listMain"> 
  
  <!--分类-->
  <div class="nav-table">
    <div class="long-title"><span class="all-goods">全部分类</span></div>
    <div class="nav-cont">
      <ul>
        <li class="index"><a href="#">首页</a></li>
        <li class="qc"><a href="#">闪购</a></li>
        <li class="qc"><a href="#">限时抢</a></li>
        <li class="qc"><a href="#">团购</a></li>
        <li class="qc last"><a href="#">大包装</a></li>
      </ul>
      <div class="nav-extra"> <i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>我的优惠券<i class="am-icon-angle-right" style="padding-left: 10px;"></i> </div>
    </div>
  </div>
  <ol class="am-breadcrumb am-breadcrumb-slash">
    <li><a href="#">首页</a></li>
    <li><a href="#">分类</a></li>
    <li class="am-active">内容</li>
  </ol>
  <script type="text/javascript">
					$(function() {});
					$(window).load(function() {
						$('.flexslider').flexslider({
							animation: "slide",
							start: function(slider) {
								$('body').removeClass('loading');
							}
						});
					});
				</script>
  <div class="scoll">
    <section class="slider">
      <div class="flexslider">
        <ul class="slides" id="littleimgs">
          
        </ul>
      </div>
    </section>
  </div>
  
  <!--放大镜-->
  
  <div class="item-inform">
    <div class="clearfixLeft" id="clearcontent">
      <div class="box"> 
        <script type="text/javascript">
		
	</script>
        <div class="tb-booth tb-pic tb-s310"> <a href="../static/img/01.jpg"><img src="" class="jqzoom" style='width:100%;height:auto'/></a> </div>
        <ul class="tb-thumb" id="thumblist">
         
        </ul>
      </div>
      <div class="clear"></div>
    </div>
    <div class="clearfixRight"> 
      
      <!--规格属性--> 
      <!--名称-->
      <div class="tb-detail-hd">
        <h1 id="goodname"> 商品名称 </h1>
      </div>
      <div class="tb-detail-list"> 
        <!--价格-->
        <div class="tb-detail-price">
          <li class="price iteminfo_price">
            <dt>价格</dt>
            <dd><em>¥</em><b class="sys_item_price" id="price"></b> </dd>
          </li>
          <div class="clear"></div>
        </div>
        
        <!--地址 
        <dl class="iteminfo_parameter freight">
          <dt>配送至</dt>
          <div class="iteminfo_freprice">
            <div class="am-form-content address">
              <select data-am-selected id="selProvince2">
                 
              </select>
              <select data-am-selected id="selCity2">
                 
              </select>
              <select data-am-selected id="selArea2">
                
              </select>
            </div>
            <div class="pay-logis"> 快递<b class="sys_item_freprice">10</b>元 </div>
          </div>
        </dl>
		-->
        <div class="clear"></div>
        
        <!--销量-->
        <ul class="tm-ind-panel">
           
          <li class="tm-ind-item tm-ind-sumCount canClick">
            <div class="tm-indcon"><span class="tm-label">累计销量</span><span class="tm-count" id="already_sell"></span></div>
          </li>
          
        </ul>
        <div class="clear"></div>
        
        <!--各种规格-->
        <dl class="iteminfo_parameter sys_item_specpara">
          <dt class="theme-login">
            <div class="cart-title">可选规格<span class="am-icon-angle-right"></span></div>
          </dt>
          <dd>
          <!--操作页面-->
          
          <div class="theme-popover-mask"></div>
          <div class="theme-popover">
            <div class="theme-span"></div>
            <div class="theme-poptit"> <a href="javascript:;" title="关闭" class="close">×</a> </div>
            <div class="theme-popbod dform">
              <form class="theme-signin"  >
                <div class="theme-signin-left" id="guigelist">
                   
                   
                  <div class="theme-options">
                    <div class="cart-title number">数量</div>
                    <dd>
                    <input id="min" class="am-btn am-btn-default" name="" type="button" style="text-align: center;padding-right: 1.5em"  value="-" />
                    <input id="text_box" name="" type="text" style="text-align: center;width:30px;"  value="1" />
                    <input id="add" class="am-btn am-btn-default" style="text-align: center;padding-right: 1.5em" name="" type="button" value="+" />
                    <span id="Stock" class="tb-hidden">库存<span class="stock" id="KuCun"></span>件</span>
                    </dd>
                  </div>
                  <div class="clear"></div>
				  <!--
                  <div class="btn-op">
                    <div class="btn am-btn am-btn-warning">确认</div>
                    <div class="btn close am-btn am-btn-warning">取消</div>
                  </div>
				  -->
                </div>
				
				<!--
                <div class="theme-signin-right">
                  <div class="img-info"> <img src="../static/img/songzi.jpg" /> </div>
                  <div class="text-info"> <span class="J_Price price-now">¥39.00</span> <span id="Stock" class="tb-hidden">库存<span class="stock">1000</span>件</span> </div>
                </div>
				-->
              </form>
            </div>
          </div>
          </dd>
        </dl>
        <div class="clear"></div>
        <!--活动	 
        <div class="shopPromotion gold">
          <div class="hot">
            <dt class="tb-metatit">店铺优惠</dt>
            <div class="gold-list">
              <p>购物满2件打8折，满3件7折<span>点击领券<i class="am-icon-sort-down"></i></span></p>
            </div>
          </div>
          <div class="clear"></div>
        </div>
        	-->
      </div>
      <div class="pay">
        <div class="pay-opt"> <a href="home.html"><span class="am-icon-home am-icon-fw">首页</span></a> <a><span class="am-icon-heart am-icon-fw">收藏</span></a> </div>
        <li>
          <div class="clearfix tb-btn tb-btn-buy theme-login"> <a id="LikBuy" title="点此按钮到下一步确认购买信息" >立即购买</a> </div>
        </li>
        <li>
          <div class="clearfix tb-btn tb-btn-basket theme-login"> <a id="LikBasket" title="加入购物车"  ><i></i>加入购物车</a> </div>
        </li>
      </div>
    </div>
    <div class="clear"></div>
  </div>
  
  <!--优惠套装 
  <div class="match">
    <div class="match-title">优惠套装</div>
    <div class="match-comment">
      <ul class="like_list">
        <li>
          <div class="s_picBox"> <a class="s_pic" href="#"><img src="../static/img/cp.jpg"></a> </div>
          <a class="txt" target="_blank" href="#">萨拉米 1+1小鸡腿</a>
          <div class="info-box"> <span class="info-box-price">¥ 29.90</span> <span class="info-original-price">￥ 199.00</span> </div>
        </li>
        <li class="plus_icon"><i>+</i></li>
        <li>
          <div class="s_picBox"> <a class="s_pic" href="#"><img src="../static/img/cp2.jpg"></a> </div>
          <a class="txt" target="_blank" href="#">ZEK 原味海苔</a>
          <div class="info-box"> <span class="info-box-price">¥ 8.90</span> <span class="info-original-price">￥ 299.00</span> </div>
        </li>
        <li class="plus_icon"><i>=</i></li>
        <li class="total_price">
          <p class="combo_price"><span class="c-title">套餐价:</span><span>￥35.00</span> </p>
          <p class="save_all">共省:<span>￥463.00</span></p>
          <a href="#" class="buy_now">立即购买</a> </li>
        <li class="plus_icon"><i class="am-icon-angle-right"></i></li>
      </ul>
    </div>
  </div>
  <div class="clear"></div>
  -->
  <!-- introduce-->
  
  <div class="introduce">
    <div class="browse">
      <div class="mc">
        <ul>
          <div class="mt">
            <h2>看了又看</h2>
          </div>
          <li class="first">
            <div class="p-img"> <a  href="#"> <img class="" src="../static/img/browse1.jpg"> </a> </div>
            <div class="p-name"><a href="#"> 【三只松鼠_开口松子】零食坚果特产炒货东北红松子原味 </a> </div>
            <div class="p-price"><strong>￥35.90</strong></div>
          </li>
          <li>
            <div class="p-img"> <a  href="#"> <img class="" src="../static/img/browse1.jpg"> </a> </div>
            <div class="p-name"><a href="#"> 【三只松鼠_开口松子】零食坚果特产炒货东北红松子原味 </a> </div>
            <div class="p-price"><strong>￥35.90</strong></div>
          </li>
          <li>
            <div class="p-img"> <a  href="#"> <img class="" src="../static/img/browse1.jpg"> </a> </div>
            <div class="p-name"><a href="#"> 【三只松鼠_开口松子】零食坚果特产炒货东北红松子原味 </a> </div>
            <div class="p-price"><strong>￥35.90</strong></div>
          </li>
          <li>
            <div class="p-img"> <a  href="#"> <img class="" src="../static/img/browse1.jpg"> </a> </div>
            <div class="p-name"><a href="#"> 【三只松鼠_开口松子】零食坚果特产炒货东北红松子原味 </a> </div>
            <div class="p-price"><strong>￥35.90</strong></div>
          </li>
          <li>
            <div class="p-img"> <a  href="#"> <img class="" src="../static/img/browse1.jpg"> </a> </div>
            <div class="p-name"><a href="#"> 【三只松鼠_开口松子218g】零食坚果特产炒货东北红松子原味 </a> </div>
            <div class="p-price"><strong>￥35.90</strong></div>
          </li>
        </ul>
      </div>
    </div>
    <div class="introduceMain">
      <div class="am-tabs" data-am-tabs>
        <ul class="am-avg-sm-3 am-tabs-nav am-nav am-nav-tabs">
          <li class="am-active"> <a href="#"> <span class="index-needs-dt-txt">宝贝详情</span></a> </li>
          <li> <a href="#"> <span class="index-needs-dt-txt">全部评价</span></a> </li>
          <li> <a href="#"> <span class="index-needs-dt-txt">猜你喜欢</span></a> </li>
        </ul>
        <div class="am-tabs-bd">
          <div class="am-tab-panel am-fade am-in am-active" id="desc">
             
             
          </div>
          <div class="am-tab-panel am-fade">
            <div class="actor-new">
              <div class="rate"> <strong>100<span>%</span></strong><br>
                <span>好评度</span> </div>
              <dl>
                <dt>买家印象</dt>
                <dd class="p-bfc"> <q class="comm-tags"><span>味道不错</span><em>(2177)</em></q> <q class="comm-tags"><span>颗粒饱满</span><em>(1860)</em></q> <q class="comm-tags"><span>口感好</span><em>(1823)</em></q> <q class="comm-tags"><span>商品不错</span><em>(1689)</em></q> <q class="comm-tags"><span>香脆可口</span><em>(1488)</em></q> <q class="comm-tags"><span>个个开口</span><em>(1392)</em></q> <q class="comm-tags"><span>价格便宜</span><em>(1119)</em></q> <q class="comm-tags"><span>特价买的</span><em>(865)</em></q> <q class="comm-tags"><span>皮很薄</span><em>(831)</em></q> </dd>
              </dl>
            </div>
            <div class="clear"></div>
            <div class="tb-r-filter-bar">
              <ul class=" tb-taglist am-avg-sm-4">
                <li class="tb-taglist-li tb-taglist-li-current">
                  <div class="comment-info"> <span>全部评价</span> <span class="tb-tbcr-num">(32)</span> </div>
                </li>
                <li class="tb-taglist-li tb-taglist-li-1">
                  <div class="comment-info"> <span>好评</span> <span class="tb-tbcr-num">(32)</span> </div>
                </li>
                <li class="tb-taglist-li tb-taglist-li-0">
                  <div class="comment-info"> <span>中评</span> <span class="tb-tbcr-num">(32)</span> </div>
                </li>
                <li class="tb-taglist-li tb-taglist-li--1">
                  <div class="comment-info"> <span>差评</span> <span class="tb-tbcr-num">(32)</span> </div>
                </li>
              </ul>
            </div>
            <div class="clear"></div>
            <ul class="am-comments-list am-comments-list-flip">
              <li class="am-comment"> 
                <!-- 评论容器 --> 
                <a href=""> <img class="am-comment-avatar" src="../static/img/hwbn40x40.jpg" /> 
                <!-- 评论者头像 --> 
                </a>
                <div class="am-comment-main"> 
                  <!-- 评论内容容器 -->
                  <header class="am-comment-hd"> 
                    <!--<h3 class="am-comment-title">评论标题</h3>-->
                    <div class="am-comment-meta"> 
                      <!-- 评论元数据 --> 
                      <a href="#link-to-user" class="am-comment-author">b***1 (匿名)</a> 
                      <!-- 评论者 --> 
                      评论于
                      <time datetime="">2015年11月02日 17:46</time>
                    </div>
                  </header>
                  <div class="am-comment-bd">
                    <div class="tb-rev-item " data-id="255776406962">
                      <div class="J_TbcRate_ReviewContent tb-tbcr-content "> 摸起来丝滑柔软，不厚，没色差，颜色好看！买这个衣服还接到诈骗电话，我很好奇他们是怎么知道我买了这件衣服，并且还知道我的电话的！ </div>
                      <div class="tb-r-act-bar"> 颜色分类：柠檬黄&nbsp;&nbsp;尺码：S </div>
                    </div>
                  </div>
                  <!-- 评论内容 --> 
                </div>
              </li>
              <li class="am-comment"> 
                <!-- 评论容器 --> 
                <a href=""> <img class="am-comment-avatar" src="../static/img/hwbn40x40.jpg" /> 
                <!-- 评论者头像 --> 
                </a>
                <div class="am-comment-main"> 
                  <!-- 评论内容容器 -->
                  <header class="am-comment-hd"> 
                    <!--<h3 class="am-comment-title">评论标题</h3>-->
                    <div class="am-comment-meta"> 
                      <!-- 评论元数据 --> 
                      <a href="#link-to-user" class="am-comment-author">l***4 (匿名)</a> 
                      <!-- 评论者 --> 
                      评论于
                      <time datetime="">2015年10月28日 11:33</time>
                    </div>
                  </header>
                  <div class="am-comment-bd">
                    <div class="tb-rev-item " data-id="255095758792">
                      <div class="J_TbcRate_ReviewContent tb-tbcr-content "> 没有色差，很暖和……美美的 </div>
                      <div class="tb-r-act-bar"> 颜色分类：蓝调灰&nbsp;&nbsp;尺码：2XL </div>
                    </div>
                  </div>
                  <!-- 评论内容 --> 
                </div>
              </li>
              <li class="am-comment"> 
                <!-- 评论容器 --> 
                <a href=""> <img class="am-comment-avatar" src="../static/img/hwbn40x40.jpg" /> 
                <!-- 评论者头像 --> 
                </a>
                <div class="am-comment-main"> 
                  <!-- 评论内容容器 -->
                  <header class="am-comment-hd"> 
                    <!--<h3 class="am-comment-title">评论标题</h3>-->
                    <div class="am-comment-meta"> 
                      <!-- 评论元数据 --> 
                      <a href="#link-to-user" class="am-comment-author">b***1 (匿名)</a> 
                      <!-- 评论者 --> 
                      评论于
                      <time datetime="">2015年11月02日 17:46</time>
                    </div>
                  </header>
                  <div class="am-comment-bd">
                    <div class="tb-rev-item " data-id="255776406962">
                      <div class="J_TbcRate_ReviewContent tb-tbcr-content "> 摸起来丝滑柔软，不厚，没色差，颜色好看！买这个衣服还接到诈骗电话，我很好奇他们是怎么知道我买了这件衣服，并且还知道我的电话的！ </div>
                      <div class="tb-r-act-bar"> 颜色分类：柠檬黄&nbsp;&nbsp;尺码：S </div>
                    </div>
                  </div>
                  <!-- 评论内容 --> 
                </div>
              </li>
              <li class="am-comment"> 
                <!-- 评论容器 --> 
                <a href=""> <img class="am-comment-avatar" src="../static/img/hwbn40x40.jpg" /> 
                <!-- 评论者头像 --> 
                </a>
                <div class="am-comment-main"> 
                  <!-- 评论内容容器 -->
                  <header class="am-comment-hd"> 
                    <!--<h3 class="am-comment-title">评论标题</h3>-->
                    <div class="am-comment-meta"> 
                      <!-- 评论元数据 --> 
                      <a href="#link-to-user" class="am-comment-author">h***n (匿名)</a> 
                      <!-- 评论者 --> 
                      评论于
                      <time datetime="">2015年11月25日 12:48</time>
                    </div>
                  </header>
                  <div class="am-comment-bd">
                    <div class="tb-rev-item " data-id="258040417670">
                      <div class="J_TbcRate_ReviewContent tb-tbcr-content "> 式样不错，初冬穿 </div>
                      <div class="tb-r-act-bar"> 颜色分类：柠檬黄&nbsp;&nbsp;尺码：L </div>
                    </div>
                  </div>
                  <!-- 评论内容 --> 
                </div>
              </li>
              <li class="am-comment"> 
                <!-- 评论容器 --> 
                <a href=""> <img class="am-comment-avatar" src="../static/img/hwbn40x40.jpg" /> 
                <!-- 评论者头像 --> 
                </a>
                <div class="am-comment-main"> 
                  <!-- 评论内容容器 -->
                  <header class="am-comment-hd"> 
                    <!--<h3 class="am-comment-title">评论标题</h3>-->
                    <div class="am-comment-meta"> 
                      <!-- 评论元数据 --> 
                      <a href="#link-to-user" class="am-comment-author">b***1 (匿名)</a> 
                      <!-- 评论者 --> 
                      评论于
                      <time datetime="">2015年11月02日 17:46</time>
                    </div>
                  </header>
                  <div class="am-comment-bd">
                    <div class="tb-rev-item " data-id="255776406962">
                      <div class="J_TbcRate_ReviewContent tb-tbcr-content "> 摸起来丝滑柔软，不厚，没色差，颜色好看！买这个衣服还接到诈骗电话，我很好奇他们是怎么知道我买了这件衣服，并且还知道我的电话的！ </div>
                      <div class="tb-r-act-bar"> 颜色分类：柠檬黄&nbsp;&nbsp;尺码：S </div>
                    </div>
                  </div>
                  <!-- 评论内容 --> 
                </div>
              </li>
              <li class="am-comment"> 
                <!-- 评论容器 --> 
                <a href=""> <img class="am-comment-avatar" src="../static/img/hwbn40x40.jpg" /> 
                <!-- 评论者头像 --> 
                </a>
                <div class="am-comment-main"> 
                  <!-- 评论内容容器 -->
                  <header class="am-comment-hd"> 
                    <!--<h3 class="am-comment-title">评论标题</h3>-->
                    <div class="am-comment-meta"> 
                      <!-- 评论元数据 --> 
                      <a href="#link-to-user" class="am-comment-author">l***4 (匿名)</a> 
                      <!-- 评论者 --> 
                      评论于
                      <time datetime="">2015年10月28日 11:33</time>
                    </div>
                  </header>
                  <div class="am-comment-bd">
                    <div class="tb-rev-item " data-id="255095758792">
                      <div class="J_TbcRate_ReviewContent tb-tbcr-content "> 没有色差，很暖和……美美的 </div>
                      <div class="tb-r-act-bar"> 颜色分类：蓝调灰&nbsp;&nbsp;尺码：2XL </div>
                    </div>
                  </div>
                  <!-- 评论内容 --> 
                </div>
              </li>
              <li class="am-comment"> 
                <!-- 评论容器 --> 
                <a href=""> <img class="am-comment-avatar" src="../static/img/hwbn40x40.jpg" /> 
                <!-- 评论者头像 --> 
                </a>
                <div class="am-comment-main"> 
                  <!-- 评论内容容器 -->
                  <header class="am-comment-hd"> 
                    <!--<h3 class="am-comment-title">评论标题</h3>-->
                    <div class="am-comment-meta"> 
                      <!-- 评论元数据 --> 
                      <a href="#link-to-user" class="am-comment-author">b***1 (匿名)</a> 
                      <!-- 评论者 --> 
                      评论于
                      <time datetime="">2015年11月02日 17:46</time>
                    </div>
                  </header>
                  <div class="am-comment-bd">
                    <div class="tb-rev-item " data-id="255776406962">
                      <div class="J_TbcRate_ReviewContent tb-tbcr-content "> 摸起来丝滑柔软，不厚，没色差，颜色好看！买这个衣服还接到诈骗电话，我很好奇他们是怎么知道我买了这件衣服，并且还知道我的电话的！ </div>
                      <div class="tb-r-act-bar"> 颜色分类：柠檬黄&nbsp;&nbsp;尺码：S </div>
                    </div>
                  </div>
                  <!-- 评论内容 --> 
                </div>
              </li>
              <li class="am-comment"> 
                <!-- 评论容器 --> 
                <a href=""> <img class="am-comment-avatar" src="../static/img/hwbn40x40.jpg" /> 
                <!-- 评论者头像 --> 
                </a>
                <div class="am-comment-main"> 
                  <!-- 评论内容容器 -->
                  <header class="am-comment-hd"> 
                    <!--<h3 class="am-comment-title">评论标题</h3>-->
                    <div class="am-comment-meta"> 
                      <!-- 评论元数据 --> 
                      <a href="#link-to-user" class="am-comment-author">h***n (匿名)</a> 
                      <!-- 评论者 --> 
                      评论于
                      <time datetime="">2015年11月25日 12:48</time>
                    </div>
                  </header>
                  <div class="am-comment-bd">
                    <div class="tb-rev-item " data-id="258040417670">
                      <div class="J_TbcRate_ReviewContent tb-tbcr-content "> 式样不错，初冬穿 </div>
                      <div class="tb-r-act-bar"> 颜色分类：柠檬黄&nbsp;&nbsp;尺码：L </div>
                    </div>
                  </div>
                  <!-- 评论内容 --> 
                </div>
              </li>
              <li class="am-comment"> 
                <!-- 评论容器 --> 
                <a href=""> <img class="am-comment-avatar" src="../static/img/hwbn40x40.jpg" /> 
                <!-- 评论者头像 --> 
                </a>
                <div class="am-comment-main"> 
                  <!-- 评论内容容器 -->
                  <header class="am-comment-hd"> 
                    <!--<h3 class="am-comment-title">评论标题</h3>-->
                    <div class="am-comment-meta"> 
                      <!-- 评论元数据 --> 
                      <a href="#link-to-user" class="am-comment-author">b***1 (匿名)</a> 
                      <!-- 评论者 --> 
                      评论于
                      <time datetime="">2015年11月02日 17:46</time>
                    </div>
                  </header>
                  <div class="am-comment-bd">
                    <div class="tb-rev-item " data-id="255776406962">
                      <div class="J_TbcRate_ReviewContent tb-tbcr-content "> 摸起来丝滑柔软，不厚，没色差，颜色好看！买这个衣服还接到诈骗电话，我很好奇他们是怎么知道我买了这件衣服，并且还知道我的电话的！ </div>
                      <div class="tb-r-act-bar"> 颜色分类：柠檬黄&nbsp;&nbsp;尺码：S </div>
                    </div>
                  </div>
                  <!-- 评论内容 --> 
                </div>
              </li>
              <li class="am-comment"> 
                <!-- 评论容器 --> 
                <a href=""> <img class="am-comment-avatar" src="../static/img/hwbn40x40.jpg" /> 
                <!-- 评论者头像 --> 
                </a>
                <div class="am-comment-main"> 
                  <!-- 评论内容容器 -->
                  <header class="am-comment-hd"> 
                    <!--<h3 class="am-comment-title">评论标题</h3>-->
                    <div class="am-comment-meta"> 
                      <!-- 评论元数据 --> 
                      <a href="#link-to-user" class="am-comment-author">l***4 (匿名)</a> 
                      <!-- 评论者 --> 
                      评论于
                      <time datetime="">2015年10月28日 11:33</time>
                    </div>
                  </header>
                  <div class="am-comment-bd">
                    <div class="tb-rev-item " data-id="255095758792">
                      <div class="J_TbcRate_ReviewContent tb-tbcr-content "> 没有色差，很暖和……美美的 </div>
                      <div class="tb-r-act-bar"> 颜色分类：蓝调灰&nbsp;&nbsp;尺码：2XL </div>
                    </div>
                  </div>
                  <!-- 评论内容 --> 
                </div>
              </li>
              <li class="am-comment"> 
                <!-- 评论容器 --> 
                <a href=""> <img class="am-comment-avatar" src="../static/img/hwbn40x40.jpg" /> 
                <!-- 评论者头像 --> 
                </a>
                <div class="am-comment-main"> 
                  <!-- 评论内容容器 -->
                  <header class="am-comment-hd"> 
                    <!--<h3 class="am-comment-title">评论标题</h3>-->
                    <div class="am-comment-meta"> 
                      <!-- 评论元数据 --> 
                      <a href="#link-to-user" class="am-comment-author">b***1 (匿名)</a> 
                      <!-- 评论者 --> 
                      评论于
                      <time datetime="">2015年11月02日 17:46</time>
                    </div>
                  </header>
                  <div class="am-comment-bd">
                    <div class="tb-rev-item " data-id="255776406962">
                      <div class="J_TbcRate_ReviewContent tb-tbcr-content "> 摸起来丝滑柔软，不厚，没色差，颜色好看！买这个衣服还接到诈骗电话，我很好奇他们是怎么知道我买了这件衣服，并且还知道我的电话的！ </div>
                      <div class="tb-r-act-bar"> 颜色分类：柠檬黄&nbsp;&nbsp;尺码：S </div>
                    </div>
                  </div>
                  <!-- 评论内容 --> 
                </div>
              </li>
              <li class="am-comment"> 
                <!-- 评论容器 --> 
                <a href=""> <img class="am-comment-avatar" src="../static/img/hwbn40x40.jpg" /> 
                <!-- 评论者头像 --> 
                </a>
                <div class="am-comment-main"> 
                  <!-- 评论内容容器 -->
                  <header class="am-comment-hd"> 
                    <!--<h3 class="am-comment-title">评论标题</h3>-->
                    <div class="am-comment-meta"> 
                      <!-- 评论元数据 --> 
                      <a href="#link-to-user" class="am-comment-author">h***n (匿名)</a> 
                      <!-- 评论者 --> 
                      评论于
                      <time datetime="">2015年11月25日 12:48</time>
                    </div>
                  </header>
                  <div class="am-comment-bd">
                    <div class="tb-rev-item " data-id="258040417670">
                      <div class="J_TbcRate_ReviewContent tb-tbcr-content "> 式样不错，初冬穿 </div>
                      <div class="tb-r-act-bar"> 颜色分类：柠檬黄&nbsp;&nbsp;尺码：L </div>
                    </div>
                  </div>
                  <!-- 评论内容 --> 
                </div>
              </li>
            </ul>
            <div class="clear"></div>
            
            <!--分页 -->
            <ul class="am-pagination am-pagination-right">
              <li class="am-disabled"><a href="#">&laquo;</a></li>
              <li class="am-active"><a href="#">1</a></li>
              <li><a href="#">2</a></li>
              <li><a href="#">3</a></li>
              <li><a href="#">4</a></li>
              <li><a href="#">5</a></li>
              <li><a href="#">&raquo;</a></li>
            </ul>
            <div class="clear"></div>
            <div class="tb-reviewsft">
              <div class="tb-rate-alert type-attention">购买前请查看该商品的 <a href="#" target="_blank">购物保障</a>，明确您的售后保障权益。</div>
            </div>
          </div>
          <div class="am-tab-panel am-fade">
            <div class="like">
              <ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 boxes">
                <li>
                  <div class="i-pic limit"> <img src="../static/img/imgsearch1.jpg" />
                    <p>【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span></p>
                    <p class="price fl"> <b>¥</b> <strong>298.00</strong> </p>
                  </div>
                </li>
                <li>
                  <div class="i-pic limit"> <img src="../static/img/imgsearch1.jpg" />
                    <p>【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span></p>
                    <p class="price fl"> <b>¥</b> <strong>298.00</strong> </p>
                  </div>
                </li>
                <li>
                  <div class="i-pic limit"> <img src="../static/img/imgsearch1.jpg" />
                    <p>【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span></p>
                    <p class="price fl"> <b>¥</b> <strong>298.00</strong> </p>
                  </div>
                </li>
                <li>
                  <div class="i-pic limit"> <img src="../static/img/imgsearch1.jpg" />
                    <p>【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span></p>
                    <p class="price fl"> <b>¥</b> <strong>298.00</strong> </p>
                  </div>
                </li>
                <li>
                  <div class="i-pic limit"> <img src="../static/img/imgsearch1.jpg" />
                    <p>【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span></p>
                    <p class="price fl"> <b>¥</b> <strong>298.00</strong> </p>
                  </div>
                </li>
                <li>
                  <div class="i-pic limit"> <img src="../static/img/imgsearch1.jpg" />
                    <p>【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span></p>
                    <p class="price fl"> <b>¥</b> <strong>298.00</strong> </p>
                  </div>
                </li>
                <li>
                  <div class="i-pic limit"> <img src="../static/img/imgsearch1.jpg" />
                    <p>【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span></p>
                    <p class="price fl"> <b>¥</b> <strong>298.00</strong> </p>
                  </div>
                </li>
                <li>
                  <div class="i-pic limit"> <img src="../static/img/imgsearch1.jpg" />
                    <p>【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span></p>
                    <p class="price fl"> <b>¥</b> <strong>298.00</strong> </p>
                  </div>
                </li>
                <li>
                  <div class="i-pic limit"> <img src="../static/img/imgsearch1.jpg" />
                    <p>【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span></p>
                    <p class="price fl"> <b>¥</b> <strong>298.00</strong> </p>
                  </div>
                </li>
                <li>
                  <div class="i-pic limit"> <img src="../static/img/imgsearch1.jpg" />
                    <p>【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span></p>
                    <p class="price fl"> <b>¥</b> <strong>298.00</strong> </p>
                  </div>
                </li>
                <li>
                  <div class="i-pic limit"> <img src="../static/img/imgsearch1.jpg" />
                    <p>【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span></p>
                    <p class="price fl"> <b>¥</b> <strong>298.00</strong> </p>
                  </div>
                </li>
                <li>
                  <div class="i-pic limit"> <img src="../static/img/imgsearch1.jpg" />
                    <p>【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span></p>
                    <p class="price fl"> <b>¥</b> <strong>298.00</strong> </p>
                  </div>
                </li>
              </ul>
            </div>
            <div class="clear"></div>
            
            <!--分页 -->
            <ul class="am-pagination am-pagination-right">
              <li class="am-disabled"><a href="#">&laquo;</a></li>
              <li class="am-active"><a href="#">1</a></li>
              <li><a href="#">2</a></li>
              <li><a href="#">3</a></li>
              <li><a href="#">4</a></li>
              <li><a href="#">5</a></li>
              <li><a href="#">&raquo;</a></li>
            </ul>
            <div class="clear"></div>
          </div>
        </div>
      </div>
      <div class="clear"></div>
      <div class="footer ">
      <div class="footer-hd">
        <p><img src="../static/img/duo.png" style="width:25px" />品类齐全<b>|</b><img src="../static/img/kuai.png" style="width:25px" />多仓直发<b>|</b><img src="../static/img/hao.png" style="width:25px" />正品行货<b>|</b><img src="../static/img/sheng.png" style="width:25px" />天天低价</p>
      </div>
      <div class="footer-bd "> </div>
    </div>
    </div>
  </div>
</div>
<!--菜单 -->
<div class=tip>
  <div id="sidebar">
    <div id="wrap">
      <div id="prof" class="item "> <a href="# "> <span class="setting "></span> </a>
        <div class="ibar_login_box status_login ">
          <div class="avatar_box ">
            <p class="avatar_imgbox "><img src="../static/img/no-img_mid_.jpg " /></p>
            <ul class="user_info ">
              <li>用户名sl1903</li>
              <li>级&nbsp;别普通会员</li>
            </ul>
          </div>
          <div class="login_btnbox "> <a href="# " class="login_order ">我的订单</a> <a href="# " class="login_favorite ">我的收藏</a> </div>
          <i class="icon_arrow_white "></i> </div>
      </div>
      <div id="shopCart" class="item "> <a href="# "> <span class="message "></span> </a>
        <p> 购物车 </p>
        <p class="cart_num ">0</p>
      </div>
      <div id="brand" class="item "> <a href="#"> <span class="wdsc "><img src="../static/img/wdsc.png " /></span> </a>
        <div class="mp_tooltip "> 我的收藏 <i class="icon_arrow_right_black "></i> </div>
      </div>
      <div id="broadcast " class="item "> <a href="# "> <span class="chongzhi"><img src="../static/img/chongzhi.png" /></span> </a>
        <div class="mp_tooltip"> 我的充值 <i class="icon_arrow_right_black"></i> </div>
      </div>
      <div class="quick_toggle">
        <li class="qtitem"> <a href="#"><span class="zx"></span></a>
          <div class="mp_tooltip">客服在线<i class="icon_arrow_right_black"></i></div>
        </li>
        <!--二维码 -->
        <li class="qtitem"> <a href="#none"><span class="mpbtn_qrcode"></span></a>
          <div class="mp_qrcode" style="display:none;"><img src="../static/img/weixin_code_145.png" /><i class="icon_arrow_white"></i></div>
        </li>
        <li class="qtitem"> <a href="#top" class="return_top"><span class="top"></span></a> </li>
      </div>
      
      <!--回到顶部 -->
      <div id="quick_links_pop" class="quick_links_pop hide"></div>
    </div>
  </div>
</div>

<script type="text/javascript">
$.ajaxSettings.async = false;//同步
$.ajaxSettings.cache=false;//缓存 
 
var name;
var price;
var img;
var id;

var goodid=getUrldata('GOODID');
//添加已经看过的商品
addshangpinhistory(goodid);

id=goodid;

$(document).ready(function(){
	initThisGood();
	refreshCartTotal();
	getAllGuige();
	
});

function initThisGood(){
var url="/webserver/api/v1/good/?format=json&id="+goodid;
	$.getJSON(url,function(rs){
		var gd=rs.objects[0];
		$('#goodname').html(gd.name);
		name=gd.name;
		price=gd.price;
		//缩略图
		img=gd.image_thumb;
		$('#price').html(price);
		$('#already_sell').html(gd.sales);
		$('#desc').html(gd.desc);
		$('#desc img').css('display','block');
		$('#KuCun').html(gd.stock);
		//微信里面单独使用
		/*
		var descimgs=[];
		$('#desc img').each(function(index, element) {
			descimgs.push("http:\/\/www.tiantianhw.cn"+$(this).attr('src').replace("//","\/"));
			$(this).click(function(e) {
				WeixinJSBridge.invoke('imagePreview',{
					'current' : descimgs[index],
					'urls' : descimgs
				});
				
			});
		});
		*/
		//商品图
		for(var i=1;i<6;i++){
			var imgsrc=gd['image'+i];
			if(imgsrc!=''&&imgsrc!=null&&imgsrc!='null'){
				$('#littleimgs').append('<li> <img src="'+imgsrc+'" /> </li>');
				$("#thumblist").append('<li><div class="tb-pic tb-s40"> <a href="#"><img src="'+imgsrc+'" mid="'+imgsrc+'" big="'+imgsrc+'"></a> </div></li>');
				 
				$('#banner').append('<img src="'+imgsrc+'" style="position:absolute;display:block;width:100%">');
				
				
				var  aimg = $('.jqzoom:eq(0)').attr('src');
				if(aimg==''){
					$('.jqzoom:eq(0)').attr('src',imgsrc);
					$('.jqzoom:eq(0)').attr('rel',imgsrc);
				}
			}
		}
		$(".jqzoom").imagezoom();
		$("#thumblist li a").click(function() {
			$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
			$(".jqzoom").attr('src', $(this).find("img").attr("mid"));
			$(".jqzoom").attr('rel', $(this).find("img").attr("big"));
		});
		 
		
	});
}



function getAllGuige(){
	var url = "/webserver/api/v1/format/?format=json&goods="+goodid;
	$.getJSON(url,function(rs){
		var objects=rs.objects;
		if(objects.length!=0){
			$.each(objects,function(index,item){
				var ggname = item.catagory;
				var ggval = item.formatname;
				var ggid = pinyin.getFullChars(ggname);
				if($('#'+ggid).length==0){
					$('#guigelist').prepend('<div class="theme-options myguige" id="'+ggid+'"><div class="cart-title">'+ggname+'</div><ul><li class="sku-line selected">'+ggval+'</li></ul></div>');
				}else{
					$('#'+ggid).find('ul:eq(0)').append('<li class="sku-line">'+ggval+'</li>');
				}
			});
			
			$('#guigelist').find('ul').each(function(index,item){
				var ull=$(this);
				$(this).find('li').click(function(){
					ull.find('.selected').removeClass('selected');
					$(this).addClass('selected');
					
				});
			});
			
		}
				
	});
		
}

$('#LikBasket').click(function(){
	var count=parseInt($('#text_box').val());
	cartHelper.add(getid(),goodid,name,count,price,img,getguigehtm());
	refreshCartTotal();
 
});

$('#LikBuy').click(function(){

	var count=parseInt($('#text_box').val());
	cartHelper.add(getid(),goodid,name,1,price,img,getguigehtm());
	document.location.href="shopcart_pc.html";
	

});
function getid(){
	var htm="";
	$('#guigelist .myguige').each(function(index,item){
		var aa=$(this).find('.selected').html();
		var name = $(this).find('.cart-title').html();
		if(htm!=''){
			htm+="_";
		}
		htm+=pinyin.getFullChars(name+aa);
	});
	return goodid+"_"+htm;
}
function getguigehtm(){
	var htm="";
	$('#guigelist .myguige').each(function(index,item){
		var aa=$(this).find('.selected').html();
		var name = $(this).find('.cart-title').html();
		if(htm!=''){
			htm+=" ";
		}
		htm+=name+aa;
	});
			
	return htm;
}

function refreshCartTotal(){
	var num=cartHelper.getCart().count;
	
	$('.cart_num').html(num);
}

 $('#shopCart').click(function(){
	 document.location.href="shopcart_pc.html";
 });

</script>

</body>
</html>